<template>
        <div>
            <div class="pub-title">后台管理</div>
            <ul class="pub-tab">
                <li class="tab-block-list">

                    <div class="banner-list" @click="setBanner">
						<div class="img-area">
							<img src="http://imgqn.dabeiduo.com/User/Avatar/0599329977997863Tmxo.jpg" class="img"/>
						</div>
                        <div class="title">首页幻灯片</div>
                    </div>

                </li> 
            </ul>
			

            <ui-dialog title="设置幻灯片" ref="alert">
                <template slot="content">
					<div class="pub-form-line">
						<div class="pub-form-line-left">图片</div>
						<div class="pub-form-line-right">
							<input type="text" class="pub-input"/>
						</div>
					</div>
					<div class="pub-form-line">
						<div class="pub-form-line-left">标题</div>
						<div class="pub-form-line-right">
							<input type="text" class="pub-input"/>
						</div>
					</div>
					<div class="pub-form-line">
						<div class="pub-form-line-left">链接地址</div>
						<div class="pub-form-line-right">
							<input type="text" class="pub-input"/>
						</div>
					</div>
					<div class="pub-form-line">
						<div class="pub-form-line-left">描述</div>
						<div class="pub-form-line-right">
							<input type="text" class="pub-input"/>
						</div>
					</div>					
                </template>
            </ui-dialog>
        </div>        
</template>
<style>
	.pub-input{width:400px;}
</style>
<script>
	module.exports={
		data:function(){
			return {
			}
		}, 
		methods:{
			setBanner:function(){
				this.$refs['alert'].show()
			}
		},
		components:{
			"ui-dialog":require('./component/ui_dialog.vue').default
		}
	}
</script>